<template>
<div>
    <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
  <img class="navbar-brand" src="../img/logo2.jpg" id="a1">
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="#">欢迎{{$store.state.Login.name}}登录</a>
    </li>
  </ul>
</nav>
<div>

          <ul >
              <li>  
                  <div >
                  <a>
                      <img :src="tableInio.tSetmeal.img">
                      <div>
                          <h4>{{tableInio.tSetmeal.name}}</h4>
                          <p >{{tableInio.tSetmeal.remark}}</p>
                          <p class="item-keywords">
                                <span>适用人群：{{tableInio.tSetmeal.sex}}</span>
                          </p>
                      </div>
                </a>
                  </div>
            </li>
          </ul>
</div>
<div>
    <table>
        <tr>
            <th>项目名称</th>
            <th>项目内容</th>
        </tr>
        <tr>
            <td v-for="(item) in tableInio.listTCheckgroup" :key="item.id">
                {{item.name}}
            </td>
            <td  v-for="(item) in tableInio.listTCheckitem" :key="item.id">
            {{item.tCheckitemName}}
            </td>
        </tr>
        <tr>


        </tr>
    </table>
    <button type="button" class="btn btn-primary btn-lg btn-block" @click="yuythree">点击预约</button>
</div>
</div>
</template>

<script>
import axios from 'axios'
export default {
data() {
    return {
        tableInio:{},
        tableaa:[],
        tablename:''
    }
},
created(){
    axios.post("http://localhost:8085/yy",{sid:this.$store.state.tcid}).then((response) => {
          console.log(response.data)
          this.tableInio=response.data                
         })
},
 methods:{
        yuythree(){
            this.$store.commit("yuythree",this.tableInio.tSetmeal)
            this.$router.push('/yuythree')  
        }
    }

}
</script>

<style>
#a1{
  width: 35px;
  height: 40px;
}
table{
  align-content: center;
}
</style>